<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./gongneng.css">
    <link rel="stylesheet" href="./base.css">
</head>

<body>
    <div class="one w">
        <div class="one-one">
            <h2>使用滴答清单
                <br>规划好每一天
            </h2>
            <p>从记录到管理，滴答清单能帮你把一切打理得井井有条，你可以充分享受高效生活的乐趣。</p>
        </div>
        <div class="one-two">
            <img src="https://cncdn.dida365.com/sites/res/features/common/images@2/intro.png" alt="">
        </div>
    </div>
    <div class="second">
        <div class="two w">
            <div class="two-one">
                <img src="https://cncdn.dida365.com/sites/res/features/dida/feature@2/voice.png" alt="">
            </div>
            <div class="two-two">
                <h4>方便且快速地记录大小事务</h4>
                <ul>
                    <li>
                        <i>图标</i>
                        <span class="twotittle">语音输入</span>
                        <span>当你的脑海中突然出现某个想法，但又不方便打字时，语音输入就是最佳帮手，只需要按住「+」图标，说说话就能快速记录。</span>
                    </li>
                    <li>
                        <i>图标</i>
                        <span class="twotittle">保存微信消息为任务</span>
                    </li>
                    <li>
                        <i>图标</i>
                        <span class="twotittle">转发邮件为任务</span>
                    </li>
                    <li>
                        <i>图标</i>
                        <span class="twotittle">Siri, 小部件和悬浮球</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>

</body>

</html>